export const AirtableLogo = ({ className }: { className?: string }) => (
  <svg
    className={className}
    viewBox="0 0 111.6 93.4"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby="airtableTitle"
  >
    <title id="airtableTitle">Airtable</title>
    <g>
      <g>
        <path
          d="M49.8,1.2L8.3,18.4c-2.3,1-2.3,4.2,0,5.2L50,40.2c3.7,1.4,7.7,1.4,11.4,0l41.8-16.6c2.3-1,2.4-4.2,0-5.2
          L61.7,1.2C57.9-0.4,53.6-0.4,49.8,1.2"
          fill="#FCB400"
        />
        <path
          d="M59.5,49.2v41.4c0,2,2,3.4,3.8,2.6l46.6-18c1.1-0.4,1.7-1.4,1.7-2.6V31.2c0-2-2-3.4-3.8-2.6l-46.6,18
          C60.1,47,59.5,48,59.5,49.2"
          fill="#18BFFF"
        />
        <path
          d="M0,31.3v38.9c0,2.1,2.4,3.4,4.2,2.5l29.1-14l1.4-0.7L0.9,29.4C0.4,29.9,0,30.5,0,31.3z"
          fill="#F82B60"
        />
        <path
          d="M48.4,46.3L4.1,28.7c-0.9-0.3-1.8-0.2-2.5,0.2c-0.2,0.1-0.5,0.3-0.8,0.5L34.7,58l13.8-6.6
          C50.8,50.3,50.6,47.1,48.4,46.3z"
          fill="#BA1E45"
        />
      </g>
    </g>
  </svg>
);
